import Vue from 'vue'
import Router from 'vue-router'
import MovieList from '../components/MovieList'
import MovieDetail from '../components/MovieDetail'
import actor from '../components/actor'
import comingSoon from '../components/comingSoon'
import inTheaters from '../components/inTheaters'
import loading from '../components/loading'
import smallComment from '../components/smallComment'
import comment from '../components/comment'


Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'MovieList',
      component: MovieList
    },
    {
      path: '/movie/:id',
      name: 'MovieDetail',
      component: MovieDetail
    },
    {
      path: '/actor/',
      name: 'actor',
      component: actor
    },
    {
      path: '/comingSoon/',
      name: 'comingSoon',
      component: comingSoon
    },
    {
      path: '/inTheaters/',
      name: 'inTheaters',
      component: inTheaters
    },
    {
      path: '/smallComment/:id',
      name: 'smallComment',
      component: smallComment
    },
    {
      path: '/comment/:id',
      name: 'comment',
      component: comment
    }
  ]
})
